<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>
<script>
	// //设置一个会话cookie
	// document.cookie = "name = zhangsan";
	// document.cookie = "age = 18";
	// document.cookie = "sex = 0"
	
	// 输出结果为字符串
	// 设置存储日期
	// let data = new Date("2020-12-13")
	// document.cookie = `name= lisi;expires = ${data}`
	
	//读取cookie
	// function getCookie(key){
	// 	let cookie = document.cookie;
	// 	let arr = cookie.split("; ")
	// 	let result = {}
	// 	// console.log(arr)
	// 	arr.forEach(function(item){
	// 		let key = item.split("=")[0];
	// 		let value = item.split("=")[1];
	// 		result[key] = value;
	// 	})
	// 	if(key){
	// 		return result[key];
	// 	}
	// 	return result;
	// }
	//console.log(getCookie());//返回整个对象
	//console.log(getCookie("name")) //直接查询值
	//console.log(getCookie().name)//直接查询值
	
	//删除
	//expires设置成过去的事件
	
	// function removeCookie(key){
	// 	if(key){
	// 		document.cookie = `${key}="";expires=${new Date("1970-01-01")}`
	// 	}
	// 	else{
	// 		let cookie = getCookie();
	// 		// console.log(cookie)
	// 		for(let i in cookie){
	// 			//console.log(i)//i为属性
	// 			document.cookie  = `${i}="";expires=${new Date("1970-01-01")}`
	// 		}
	// 	}
	// }
	// console.log(removeCookie())//删除某一个
	//console.log(removeCookie("name"))  //删除所有
	
	//设置cookie
	// function setCookie(key,value,expires){
	// 	if(typeof expires ==="number"){//根据数据类型来判断
	// 		let data = new Date();
	// 		// console.log(data.getDate())
	// 		data.setDate(data.getDate()+expires);
	// 		document.cookie = `${key}=${value};expires =${data}`;
	// 	}else{
	// 		document.cookie = `${key}=${value};expires =${expires}`;
	// 	}
	// }
	// setCookie("name","zhangsan",1);
	// setCookie("sex",1,new Date("2021-01-01"));
	
	// -----------------------------------------------------------
	
	
	//localStorage
	// 设置
	// localStorage.setItem("name","wangdawei")
	// localStorage.setItem("sex",1)
	// 获取
	// localStorage.getItem("name")
	// 删除
	// localStorage.removeItem("name")
	// 清空
	// localStorage.clear()
	// 数据条数
	// console.log(localStorage.length)
	
	// -----------------------------------------------------------
	//  sessionStorage
	// 设置
	// sessionStorage.setItem("name","wangdawei");
	// sessionStorage.setItem("sex",1)
	// 获取
	// sessionStorage.getItem("name")
	//删除
	// sessionStorage.removeItem("name")
	// 清空
	// sessionStorage.clear()
	// 数据条数
	// sessionStorage.length
</script>